<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Model Generator</title>
    <link href="__PUBLIC__/gii/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/gii/main.css" rel="stylesheet">
<body>
<div class="container-fluid page-container">
    <nav id="w0" class="navbar-inverse navbar-fixed-top navbar">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#w0-collapse"><span
                        class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span></button>
                <a class="navbar-brand"
                   href="http://localhost/yii2base/basic/web/index.php?r=gii%2Fdefault%2Findex"><img
                        src="Model%20Generator_files/logo.png" alt=""></a></div>
            <div id="w0-collapse" class="collapse navbar-collapse">
                <ul id="w1" class="nav navbar-nav navbar-right">
                    <li><a href="http://localhost/yii2base/basic/web/index.php?r=gii%2Fdefault%2Findex">Home</a></li>
                    <li><a href="http://www.yiiframework.com/doc-2.0/ext-gii-index.html">Help</a></li>
                    <li><a href="http://localhost/yii2base/basic/web/index.php">Application</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container content-container">
        <div class="row">
            <div class="col-md-3 col-sm-4">
                <div class="list-group">
                    <a class="list-group-item" href="{:U('ModelGenerator/index')}" id=model"><i class="glyphicon glyphicon-chevron-right"></i>Model Generator</a>
                    <a class="list-group-item" href="{:U('CurdGenerator/index')}" id=crud"><i class="glyphicon glyphicon-chevron-right"></i>CRUD Generator</a>
                    <a class="list-group-item active" href="{:U('ControllerGenerator/index')}" id=controller"><i class="glyphicon glyphicon-chevron-right"></i>Controller Generator</a>
                    <a class="list-group-item" href="{:U('FormGenerator/index')} "id=form"><i class="glyphicon glyphicon-chevron-right"></i>Form Generator</a>
                    <a class="list-group-item" href="http://localhost/yii2base/basic/web/index.php?r=gii%2Fdefault%2Fview&amp;id=module"><i class="glyphicon glyphicon-chevron-right"></i>Module Generator</a><a class="list-group-item" href="http://localhost/yii2base/basic/web/index.php?r=gii%2Fdefault%2Fview&amp;id=extension"><i class="glyphicon glyphicon-chevron-right"></i>Extension Generator</a>
                </div>
            </div>
            <div class="col-md-9 col-sm-8">
                <div class="default-view">
                    <h1>Model Generator</h1>

                    <p>This generator generates an ActiveRecord class for the specified database table.</p>

                    <form id="model-generator"
                          action="/yii2base/basic/web/index.php?r=gii%2Fdefault%2Fview&amp;id=model" method="post">
                        <input name="_csrf"
                               value="jQCJwKlQtEPp45HPKWcOD8CpSSl6ZOSkW7yOwIy-Ry3kQcy43yrnJdCz5L1zH0hEs-cwZ1clgdwJ0MKRzt8_Xw=="
                               type="hidden">
                        <div class="row">
                            <div class="col-lg-8 col-md-10" id="form-fields">
                                <div class="form-group field-generator-tablename required">
                                    <label class="control-label help" for="generator-tablename" data-original-title=""
                                           title="">Table Name</label>
                                    <span class="twitter-typeahead"
                                          style="position: relative; display: inline-block;"><input
                                            class="form-control typeahead typeahead-1 tt-hint" table_prefix=""
                                            aria-required="true"
                                            style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: rgb(255, 255, 255) none repeat scroll 0% 0%;"
                                            readonly="readonly" autocomplete="off" spellcheck="false" tabindex="-1"
                                            dir="ltr" type="text"><input id="generator-tablename"
                                                                         class="form-control typeahead typeahead-1 tt-input"
                                                                         name="Generator[tableName]" table_prefix=""
                                                                         aria-required="true" autocomplete="off"
                                                                         spellcheck="false" dir="auto"
                                                                         style="position: relative; vertical-align: top; background-color: transparent;"
                                                                         type="text"><pre aria-hidden="true"
                                                                                          style="position: absolute; visibility: hidden; white-space: pre; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: optimizelegibility; text-transform: none;"></pre><div
                                            class="tt-menu"
                                            style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none;"><div
                                            class="tt-dataset tt-dataset-0"></div></div></span>
                                    <div class="hint-block">This is the name of the DB table that the new ActiveRecord
                                        class is associated with, e.g. <code>post</code>.
                                        The table name may consist of the DB schema part if needed, e.g. <code>public.post</code>.
                                        The table name may end with asterisk to match multiple table names, e.g. <code>tbl_*</code>
                                        will match tables who name starts with <code>tbl_</code>. In this case, multiple
                                        ActiveRecord classes
                                        will be generated, one for each matching table name; and the class names will be
                                        generated from
                                        the matching characters. For example, table <code>tbl_post</code> will generate
                                        <code>Post</code>
                                        class.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group field-generator-modelclass">
                                    <label class="control-label help" for="generator-modelclass" data-original-title=""
                                           title="">Model Class Name</label>
                                    <input id="generator-modelclass" class="form-control" name="Generator[modelClass]"
                                           type="text">
                                    <div class="hint-block">This is the name of the ActiveRecord class to be generated.
                                        The class name should not contain
                                        the namespace part as it is specified in "Namespace". You do not need to specify
                                        the class name
                                        if "Table Name" ends with asterisk, in which case multiple ActiveRecord classes
                                        will be generated.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-ns required">
                                    <label class="control-label help" for="generator-ns" data-original-title=""
                                           title="">Namespace</label>
                                    <div class="sticky-value">app\admin\models</div>
                                    <input id="generator-ns" class="form-control" name="Generator[ns]"
                                           value="app\admin\models" aria-required="true" style="display: none;"
                                           type="text">
                                    <div class="hint-block">This is the namespace of the ActiveRecord class to be
                                        generated, e.g., <code>app\models</code></div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-baseclass required">
                                    <label class="control-label help" for="generator-baseclass" data-original-title=""
                                           title="">Base Class</label>
                                    <div class="sticky-value">yii\db\ActiveRecord</div>
                                    <input id="generator-baseclass" class="form-control" name="Generator[baseClass]"
                                           value="yii\db\ActiveRecord" aria-required="true" style="display: none;"
                                           type="text">
                                    <div class="hint-block">This is the base class of the new ActiveRecord class. It
                                        should be a fully qualified namespaced class name.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-db required">
                                    <label class="control-label help" for="generator-db" data-original-title=""
                                           title="">Database Connection ID</label>
                                    <div class="sticky-value">db</div>
                                    <input id="generator-db" class="form-control" name="Generator[db]" value="db"
                                           aria-required="true" style="display: none;" type="text">
                                    <div class="hint-block">This is the ID of the DB application component.</div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-usetableprefix">

                                    <input name="Generator[useTablePrefix]" value="0" type="hidden"><label class="help"
                                                                                                           data-original-title=""
                                                                                                           title=""><input
                                        id="generator-usetableprefix" name="Generator[useTablePrefix]" value="1"
                                        type="checkbox"> Use Table Prefix</label>
                                    <div class="hint-block">This indicates whether the table name returned by the
                                        generated ActiveRecord class
                                        should consider the <code>tablePrefix</code> setting of the DB connection. For
                                        example, if the
                                        table name is <code>tbl_post</code> and <code>tablePrefix=tbl_</code>, the
                                        ActiveRecord class
                                        will return the table name as <code>{{%post}}</code>.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-generaterelations">
                                    <label class="control-label help" for="generator-generaterelations"
                                           data-original-title="" title="">Generate Relations</label>
                                    <div class="sticky-value">All relations</div>
                                    <select id="generator-generaterelations" class="form-control"
                                            name="Generator[generateRelations]" style="display: none;">
                                        <option value="none">No relations</option>
                                        <option value="all" selected="selected">All relations</option>
                                        <option value="all-inverse">All relations with inverse</option>
                                    </select>
                                    <div class="hint-block">This indicates whether the generator should generate
                                        relations based on
                                        foreign key constraints it detects in the database. Note that if your database
                                        contains too many tables,
                                        you may want to uncheck this option to accelerate the code generation process.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group field-generator-generaterelationsfromcurrentschema">

                                    <input name="Generator[generateRelationsFromCurrentSchema]" value="0" type="hidden"><label
                                        class="help" data-original-title="" title=""><input
                                        id="generator-generaterelationsfromcurrentschema"
                                        name="Generator[generateRelationsFromCurrentSchema]" value="1" checked="checked"
                                        type="checkbox"> Generate Relations from Current Schema</label>
                                    <div class="hint-block">This indicates whether the generator should generate
                                        relations from current schema or from all available schemas.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-generatelabelsfromcomments">

                                    <input name="Generator[generateLabelsFromComments]" value="0" type="hidden"><label
                                        class="help" data-original-title="" title=""><input
                                        id="generator-generatelabelsfromcomments"
                                        name="Generator[generateLabelsFromComments]" value="1" checked="checked"
                                        type="checkbox"> Generate Labels from DB Comments</label>
                                    <div class="hint-block">This indicates whether the generator should generate
                                        attribute labels
                                        by using the comments of the corresponding DB columns.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-generatequery">

                                    <input name="Generator[generateQuery]" value="0" type="hidden"><label class="help"
                                                                                                          data-original-title=""
                                                                                                          title=""><input
                                        id="generator-generatequery" name="Generator[generateQuery]" value="1"
                                        checked="checked" type="checkbox"> Generate ActiveQuery</label>
                                    <div class="hint-block">This indicates whether to generate ActiveQuery for the
                                        ActiveRecord class.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-queryns required">
                                    <label class="control-label help" for="generator-queryns" data-original-title=""
                                           title="">ActiveQuery Namespace</label>
                                    <div class="sticky-value">app\admin\models</div>
                                    <input id="generator-queryns" class="form-control" name="Generator[queryNs]"
                                           value="app\admin\models" aria-required="true" style="display: none;"
                                           type="text">
                                    <div class="hint-block">This is the namespace of the ActiveQuery class to be
                                        generated, e.g., <code>app\models</code></div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group field-generator-queryclass">
                                    <label class="control-label help" for="generator-queryclass" data-original-title=""
                                           title="">ActiveQuery Class</label>
                                    <input id="generator-queryclass" class="form-control" name="Generator[queryClass]"
                                           type="text">
                                    <div class="hint-block">This is the name of the ActiveQuery class to be generated.
                                        The class name should not contain
                                        the namespace part as it is specified in "ActiveQuery Namespace". You do not
                                        need to specify the class name
                                        if "Table Name" ends with asterisk, in which case multiple ActiveQuery classes
                                        will be generated.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-querybaseclass required">
                                    <label class="control-label help" for="generator-querybaseclass"
                                           data-original-title="" title="">ActiveQuery Base Class</label>
                                    <div class="sticky-value">yii\db\ActiveQuery</div>
                                    <input id="generator-querybaseclass" class="form-control"
                                           name="Generator[queryBaseClass]" value="yii\db\ActiveQuery"
                                           aria-required="true" style="display: none;" type="text">
                                    <div class="hint-block">This is the base class of the new ActiveQuery class. It
                                        should be a fully qualified namespaced class name.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-enablei18n">

                                    <input name="Generator[enableI18N]" value="0" type="hidden"><label class="help"
                                                                                                       data-original-title=""
                                                                                                       title=""><input
                                        id="generator-enablei18n" name="Generator[enableI18N]" value="1"
                                        type="checkbox"> Enable I18N</label>
                                    <div class="hint-block">This indicates whether the generator should generate strings
                                        using <code>Yii::t()</code> method.
                                        Set this to <code>true</code> if you are planning to make your application
                                        translatable.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky field-generator-messagecategory" style="display: none;">
                                    <label class="control-label help" for="generator-messagecategory"
                                           data-original-title="" title="">Message Category</label>
                                    <div class="sticky-value">app</div>
                                    <input id="generator-messagecategory" class="form-control"
                                           name="Generator[messageCategory]" value="app" style="display: none;"
                                           type="text">
                                    <div class="hint-block">This is the category used by <code>Yii::t()</code> in case
                                        you enable I18N.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group field-generator-useschemaname">

                                    <input name="Generator[useSchemaName]" value="0" type="hidden"><label class="help"
                                                                                                          data-original-title=""
                                                                                                          title=""><input
                                        id="generator-useschemaname" name="Generator[useSchemaName]" value="1"
                                        checked="checked" type="checkbox"> Use Schema Name</label>
                                    <div class="hint-block">This indicates whether to include the schema name in the
                                        ActiveRecord class
                                        when it's auto generated. Only non default schema would be used.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group sticky sticky field-generator-template required">
                                    <label class="control-label help" for="generator-template" data-original-title=""
                                           title="">Code Template</label>
                                    <div class="sticky-value">default
                                        (D:\wamp64\www\yii2base\basic\vendor\yiisoft\yii2-gii\generators\model/default)
                                    </div>
                                    <select id="generator-template" class="form-control" name="Generator[template]"
                                            aria-required="true" style="display: none;">
                                        <option value="default" selected="selected">default
                                            (D:\wamp64\www\yii2base\basic\vendor\yiisoft\yii2-gii\generators\model/default)
                                        </option>
                                    </select>
                                    <div class="hint-block">
                                        Please select which set of the templates should be used to generated the code.
                                    </div>
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary" name="preview">Preview</button>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-fix"></div>
</div>
<footer class="footer">
    <div class="container">
        <p class="pull-left">A Product of <a href="http://www.yiisoft.com/">Yii Software LLC</a></p>
        <p class="pull-right">Powered by <a href="http://www.yiiframework.com/" rel="external">Yii Framework</a></p>
    </div>
</footer>

<style>
    #yii-debug-toolbar-logo {
        position: fixed;
        right: 31px;
        bottom: 4px;
    }

    @media print {
        .yii-debug-toolbar {
            display: none !important;
        }
    }

    .yii-debug-toolbar {
        font: 11px Verdana, Arial, sans-serif;
        text-align: left;
        width: 96px;
        transition: width .3s ease;
        z-index: 1000000;
    }

    .yii-debug-toolbar_active {
        width: 100%;
    }

    .yii-debug-toolbar_position_top {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .yii-debug-toolbar_position_bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        margin: 0;
    }

    .yii-debug-toolbar__bar {
        position: relative;
        padding: 0;
        font: 11px Verdana, Arial, sans-serif;
        text-align: left;
        overflow: hidden;
        box-sizing: content-box;

        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); /* IE6-9 */

        border: 1px solid rgba(0, 0, 0, 0.11);

        /* ensure debug toolbar text is displayed ltr even on rtl pages */
        direction: ltr;
    }

    .yii-debug-toolbar.yii-debug-toolbar_active:not(.yii-debug-toolbar_animating) .yii-debug-toolbar__bar {
        overflow: visible;
    }

    .yii-debug-toolbar:not(.yii-debug-toolbar_active) .yii-debug-toolbar__bar,
    .yii-debug-toolbar.yii-debug-toolbar_animating .yii-debug-toolbar__bar {
        height: 40px;
    }

    .yii-debug-toolbar__bar:after {
        content: '';
        display: table;
        clear: both;
    }

    .yii-debug-toolbar__view {
        height: 0;
        overflow: hidden;
        background: white;
    }

    .yii-debug-toolbar__view iframe {
        margin: 0;
        padding: 0;
        padding-top: 10px;
        height: 100%;
        width: 100%;
        border: 0;
    }

    .yii-debug-toolbar_iframe_active .yii-debug-toolbar__view {
        height: 100%;
    }

    .yii-debug-toolbar_iframe_animating .yii-debug-toolbar__view {
        transition: height .3s ease;
    }

    .yii-debug-toolbar__block {
        float: left;
        margin: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.11);
        padding: 4px 8px;
        line-height: 32px;
        white-space: nowrap;
    }

    .yii-debug-toolbar__block_active,
    .yii-debug-toolbar__ajax:hover {
        background: rgb(247, 247, 247); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
    }

    .yii-debug-toolbar__block a {
        display: inline-block;
        text-decoration: none;
        color: black;
    }

    .yii-debug-toolbar__block img {
        vertical-align: middle;
    }

    .yii-debug-toolbar__label {
        display: inline-block;
        padding: 2px 4px;
        font-size: 12px;
        font-weight: normal;
        line-height: 14px;
        white-space: nowrap;
        vertical-align: baseline;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #999999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .yii-debug-toolbar__label:empty {
        display: none;
    }

    a.yii-debug-toolbar__label:hover,
    a.yii-debug-toolbar__label:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

    .yii-debug-toolbar__label_important,
    .yii-debug-toolbar__label_error {
        background-color: #b94a48;
    }

    .yii-debug-toolbar__label_important[href] {
        background-color: #953b39;
    }

    .yii-debug-toolbar__label_warning,
    .yii-debug-toolbar__badge_warning {
        background-color: #f89406;
    }

    .yii-debug-toolbar__label_warning[href] {
        background-color: #c67605;
    }

    .yii-debug-toolbar__label_success {
        background-color: #468847;
    }

    .yii-debug-toolbar__label_success[href] {
        background-color: #356635;
    }

    .yii-debug-toolbar__label_info {
        background-color: #3a87ad;
    }

    .yii-debug-toolbar__label_info[href] {
        background-color: #2d6987;
    }

    .yii-debug-toolbar__label_inverse,
    .yii-debug-toolbar__badge_inverse {
        background-color: #333333;
    }

    .yii-debug-toolbar__label_inverse[href],
    .yii-debug-toolbar__badge_inverse[href] {
        background-color: #1a1a1a;
    }

    .yii-debug-toolbar__title {
        background: rgb(247, 247, 247); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgb(247, 247, 247) 0%, rgb(224, 224, 224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
    }

    .yii-debug-toolbar__block_last { /* creates space for .yii-debug-toolbar__toggle, .yii-debug-toolbar__external */
        width: 80px;
        height: 40px;
        float: left;
    }

    .yii-debug-toolbar__toggle,
    .yii-debug-toolbar__external {
        cursor: pointer;
        position: absolute;

        width: 30px;
        height: 30px;
        font-size: 25px;
        font-weight: 100;
        line-height: 28px;
        color: #ffffff;
        text-align: center;

        opacity: 0.5;
        filter: alpha(opacity=50);

        transition: opacity .3s ease;
    }

    .yii-debug-toolbar__toggle:hover,
    .yii-debug-toolbar__toggle:focus,
    .yii-debug-toolbar__external:hover,
    .yii-debug-toolbar__external:focus {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .yii-debug-toolbar__toggle-icon,
    .yii-debug-toolbar__external-icon {
        display: inline-block;

        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .yii-debug-toolbar__toggle {
        right: 10px;
        bottom: 4px;
    }

    .yii-debug-toolbar__toggle-icon {
        padding: 7px 0;
        width: 10px;
        height: 16px;
        background-image: url('');
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .yii-debug-toolbar_active .yii-debug-toolbar__toggle-icon {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .yii-debug-toolbar_iframe_active .yii-debug-toolbar__toggle-icon {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .yii-debug-toolbar__external {
        display: none;
        right: 50px;
        bottom: 4px;
    }

    .yii-debug-toolbar_iframe_active .yii-debug-toolbar__external {
        display: block;
    }

    .yii-debug-toolbar__external-icon {
        padding: 8px 0;
        width: 14px;
        height: 14px;
        background-image: url('');
    }

    .yii-debug-toolbar__switch-icon {
        margin-left: 10px;
        padding: 5px 10px;
        width: 18px;
        height: 18px;
        background-image: url('');
    }

    .yii-debug-toolbar__ajax {
        position: relative;
    }

    .yii-debug-toolbar__ajax:hover .yii-debug-toolbar__ajax_info,
    .yii-debug-toolbar__ajax:focus .yii-debug-toolbar__ajax_info {
        visibility: visible;
    }

    .yii-debug-toolbar__ajax_info {
        visibility: hidden;
        transition: visibility .2s linear;
        background-color: white;
        box-shadow: inset 0 -10px 10px -10px #e1e1e1;
        position: absolute;
        bottom: 40px;
        left: -1px;
        padding: 10px;
        max-width: 480px;
        max-height: 480px;
        word-wrap: break-word;
        overflow: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.11);
        z-index: 1000001;
    }

    .yii-debug-toolbar__ajax a {
        color: #337ab7;
    }

    .yii-debug-toolbar__ajax table {
        width: 100%;
        table-layout: auto;
        border-spacing: 0;
        border-collapse: collapse;
    }

    .yii-debug-toolbar__ajax table td {
        padding: 4px;
        font-size: 12px;
        line-height: normal;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .yii-debug-toolbar__ajax table th {
        padding: 4px;
        font-size: 11px;
        line-height: normal;
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .yii-debug-toolbar__ajax_request_status {
        color: white;
        padding: 2px 5px;
    }

    .yii-debug-toolbar__ajax_request_url {
        max-width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>

<script src="__PUBLIC__/gii/jquery.js"></script>
<script src="__PUBLIC__/gii/yii.js"></script>
<script src="__PUBLIC__/gii/bootstrap.js"></script>
<script src="__PUBLIC__/gii/typeahead.js"></script>
<script src="__PUBLIC__/gii/gii.js"></script>
<script src="__PUBLIC__/gii/yii_003.js"></script>
<script src="__PUBLIC__/gii/yii_002.js"></script>



</body>
</html>